/**
 * Created by chl on 2016/10/11.
 */
$('.header .navBox li a').on('click',function(e){
    $(this).parents('li').addClass('active');
    $(this).parents('dd').addClass('active');
    $(this).parents('li').siblings().removeClass('active');
    $(this).parents('dd').siblings().removeClass('active');
    $(this).parents('li').siblings().find('dd').removeClass('active');
    $(this).parents('dl').siblings().find('dd').removeClass('active');
})


$('.header .navBox li').on('click',function(e){
    //$(this).addClass('active');
    //$(this).siblings().removeClass('active');
    $(this).children('.nav_2').show();
    $(this).siblings().children('.nav_2').hide();
    e.stopPropagation();
})

$('.nav_2').on('mouseout',function(){
    $('.nav_2').hide();
})

$('.nav_2').on('mouseover',function(){
    $(this).show();
})



$('.header .navBox li').each(function(){
    var nav_2 = $(this).children('.nav_2').children('dl').length;
    var nav_2_H = nav_2*111
    $(this).children('.nav_2').css({
        'width':nav_2_H,
    })
    $('.header .navBox li:last-child').children('.nav_2').css({
        'right':0,
        'left':'auto',
    })
    var nav_2_height = $(this).children('.nav_2').height();
    $(this).find('dl').css('height',nav_2_height);
})

$('.nav_2 dd a').on('click',function(e){
    $('.nav_2').hide();
    e.stopPropagation();
})

